<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
	</ui:define>
	<ui:define name="content">
		<h:form id="formCoordenador" prependId="false">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Coordenadores</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton id="btnNovo" value="Novo"
							actionListener="#{CoordenadorListaBean.doNovo}" />
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>
						<p:outputPanel>
							<p:dataTable id="tableCoordenadores" var="coord"
								emptyMessage="Nenhum coordenador cadastrado."
								value="#{CoordenadorListaBean.usuarios}">
								
								<p:column sortBy="#{coord.matricula}" headerText="Matrícula" style="width:24%">
									<p:outputLabel>#{coord.matricula}</p:outputLabel>
								</p:column>
								
								<p:column sortBy="#{coord.nome}" headerText="Nome" style="width:24%">
									<p:outputLabel>#{coord.nome}</p:outputLabel>
								</p:column>


								<p:column sortBy="#{coord.email}" headerText="E-mail" style="width:24%">
									<p:outputLabel>#{coord.email}</p:outputLabel>
								</p:column>

								<p:column style="width:4%">
									<p:commandButton id="btnDetalhes" icon="ui-icon-pencil"
										title="Editar" 
										actionListener="#{CoordenadorListaBean.visualizarCoordenador(coord.matricula)}">
									</p:commandButton>
									<p:commandButton id="btnRemover" icon="ui-icon-close"
										title="Cancelar" oncomplete="confirmation.show()">
										<f:setPropertyActionListener
											target="#{Coordenador.usuarioRemove}" value="#{coord}"></f:setPropertyActionListener>
									</p:commandButton>
								</p:column>
							</p:dataTable>
						</p:outputPanel>
					</div>
				</div>
			</div>
		</h:form>

		<p:confirmDialog id="confirmDialog" 
			message="Realmente deseja remover este coordenador?"
			header="Coordenadores" severity="alert" appendToBody="true"
			widgetVar="confirmation">
			<h:form id="formConfirm">
				<p:commandButton id="confirm" value="Sim"
					update=":formCoordenador:tableCoordenadores" oncomplete="confirmation.hide()"
					actionListener="#{CoordenadorListaBean.removerCoordenador}" />
				<p:commandButton id="decline" value="Não"
					onclick="confirmation.hide()" type="button" />
			</h:form>
		</p:confirmDialog>

	</ui:define>

</ui:composition>

